<template>
  <div class="table_container work_in_process_table_panel">
    <el-table
      :data="turnoverBatchList"
      ref="mesTable"
      max-height="440"
      v-loading="isLoading"
      border
      stripe
      tooltip-effect="dark">
      <mes-col-comp
        :key="index"
        v-for="(column,index) in tableColumns"
        :column="column">
      </mes-col-comp>
    </el-table>
  </div>
</template>

<script>
import tableColumns from './tableColumns'
export default {
  name: 'TablePanel',
  props: {
    turnoverBatchList: {
      type: Array,
      defaultProps: []
    }
  },
  mounted() {
    this.$refs.mesTable.doLayout()
  },
  data() {
    return {
      isLoading: false, // 加载
      tableColumns: tableColumns, // 列配置
    }
  }
}
</script>

<style lang="less">
  .work_in_process_table_panel{
    width: 100%;
    padding-right: 20px;
    margin-top: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
</style>
